<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>FRM - UTN</title>
        
        <!-- viewport meta tag: Helps set better defaults for pages when viewed 
        on a mobile device  -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <!-- Link to jQueryMobile CSS -->
        <link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
        <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css" />
        <link rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.min.css" />
        
        <!-- Import Javascript local liraries: jQuery + jQueryMobile -->
        <script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script>
                        
    </head>
    <body>
        <!-- #0 - PAGINA DE INICIAL LOGIN -->
        <div data-role="page" id="login">
            <div data-role="header">
                <h1>Loginsdf</h1>
            </div>
            
            <div data-role="content">
                <form action="echo.cfm" method="post">
                    <div data-role="fieldcontain">
                        <label for="email">Email:</label>
                        <input type="text" name="email" id="email" value="" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="passw">Password:</label>
                        <input type="text" name="passw" id="passw" value="" />
                    </div>
                    <div data-role="fieldcontain">
                        <a href="#main_page" data-role="button">Log in</a>
                        <!--<input type="submit" name="submit" value="Log in" />-->
                        <br>
                        <a href="#registrar">registrar</a><br>
                        
                    </div>
                </form>
            </div>
            <div data-role="footer" data-position="fixed" data-id="footnav">
                
                <div data-role="navbar">
                    <ul>
			<li><a href="#opciones" class="ui-btn-active">Opciones</a></li>
			<li><a href="#" >Salir</a></li>
                    </ul>
                </div>
                <!--<h4></h4>-->
                <!--<i>Copyright Alerter Device &copy; 2013</i>-->
            </div>
        </div>
        <!-- #0 - END PAGINA DE INICIAL LOGIN -->
        
        <!-- |----| 01 Pagina Principal |----|  -->
        <div data-role="page" id="main_page">
            <div data-role="header">
                <h1>Principal</h1>
            </div>
            <div align="center" data-role="content">
                <img src="botonrojo.jpg" />
            </div>
            <div data-role="footer" data-position="fixed" data-id="footnav">
                <div data-role="navbar">
                    <ul>
    		        <li><a href="#opciones" class="ui-btn-active">Opciones</a></li>
			<li><a href="#" >Salir</a></li>
                    </ul>
                </div>
            </div>
        </div>
        
        <!-- |----| 02 Registrarse |----|  -->
        <div data-role="page" id="registrar">
            <div data-role="header">
                <h1>Principal</h1>
            </div>
            
            <div data-role="content">
                <form action="echo.cfm" method="post">
                    <div data-role="fieldcontain">
                        <label for="email">Nombre</label>
                        <input type="text" name="email" id="email" value="" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="passw">Mail:</label>
                        <input type="text" name="passw" id="passw" value="" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="passw">Telefono:</label>
                        <input type="text" name="passw" id="passw" value="" />
                    </div>
                    <div data-role="fieldcontain">
                        <a href="#" data-role="button">Registrarse</a>
                    </div>
                </form>
            </div>
            <div data-role="footer" data-position="fixed" data-id="footnav">
                
                <div data-role="navbar">
                    <ul>
			<li><a href="#opciones" class="ui-btn-active">Opciones</a></li>
			<li><a href="#" >Salir</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- |----| 03 - ListView - Pagina principal |----|  -->
        <div data-role="page" id="menu1">
            <div data-role="header">
                <h1>Menu</h1>
            </div>

            <div data-role="content">
                <ul data-role="listview">
                    <li><a href="acura.html">Ayuda</a></li>
                    <li><a href="audi.html">Configuracion</a></li>
                    <li><a href="bmw.html">Cerra sesion</a></li>
                </ul>
            </div>
<!--            <div data-role="footer" data-position="fixed" data-id="footnav">

                <div data-role="navbar">
                    <ul>
                        <li><a href="#opciones" class="ui-btn-active">Opciones</a></li>
                        <li><a href="#" >Salir</a></li>
                    </ul>
                </div>
            </div>-->
        </div>
        
        
        <!-- |----| 04 - ListView - Login |----|  -->
        <div data-role="page" id="menu2">
            <div data-role="header">
                <h1>Menu Login</h1>
            </div>
            <div data-role="content">
                <ul data-role="listview">
                    <li><a href="acura.html">Ayuda</a></li>
                    <li><a href="acura.html">Registrar</a></li>
                </ul>
            </div>
<!--            <div data-role="footer" data-position="fixed" data-id="footnav">
                <div data-role="navbar">
                    <ul>
                        <li><a href="#opciones" class="ui-btn-active">Opciones</a></li>
                        <li><a href="#" >Salir</a></li>
                    </ul>
                </div>
            </div>-->
        </div>
    </body>
</html>